<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>2-1 样式层叠与优先级实验</title>
<style>
      .test {
      color: blue;
      font-size: 16px;
    }
  </style>
  <!-- 内部样式表 -->
  <style>
       .test {
      color: green;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <!-- 内联样式：覆盖颜色为红色 -->
  <div class="test" style="color: red;">
    样式优先级验证：内联 > 内部 > 外部
  </body>
</html>